<template>
  <div>
    detail组件
    <!-- 
        <p>id: {{$route.params.id}}</p>
        <p>title: {{$route.params.title}}</p>
        <p>content:{{$route.params.content}}</p> 
    -->

    <p>id: {{$route.query.id}}</p>
    <p>title: {{$route.query.title}}</p>
    <p>content:{{$route.query.content}}</p>
  </div>
</template>

<script>
export default {
  name: 'Detail',
  mounted() {
    console.log('detail this.$route: ', this.$route)
  },
}
</script>

<style>
</style>